본문으로 건너뛰기

startTransition

🧑🏻‍💻 startTransition​

startTransition은 UI를 차단하지 않고 state를 업데이트할 수 있다.

✅ startTransition 문법​

startTransition(scope)
  • scope는 set 함수를 호출하여 일부 state를 업데이트하는 함수이다. scope 함수 호출 중에 동기적으로 예약된 모든 state 업데이트를 트랜지션으로 표시한다. 이는 논블로킹이고, 원치 않는 로딩을 표시하지 않는다.
  • startTransition은 아무것도 반환하지 않는다.

🧑🏻‍💻 알고 가기​

✅ 주의 사항​

  • 트랜지션이 진행 중일 때 ‘pending’ 표시기를 보여주고 싶다면, 대신 useTransition이 필요하다.
  • startTransition에 전달하는 함수는 동기식이어야 한다. (setTImeout ❌)
  • 트랜지션 업데이트는 텍스트 입력을 제어하는 데 사용할 수 없다.